<div class="findtrs">
    <div class="ftitle">
        <div class="lt">
            <h2>卡头应用场景查询</h2>
        </div>
    </div>

    <div class="funaduibi fbai qmbox1">
        <div class="form">
            <form action="" method="post">
                <ul class="clearfix">
                    <li>
                        <label>商 户</label>
                        <input class="t1" type="text" name="shopping" id="shopping" value="" placeholder="请输入描述"/>
                    </li>
                    <li>
                        <div class="btn">
                            <!--							<a href="#" class="b1"><span>清空</span></a>-->
                            <a href="#" class="b1 on" lay-submit lay-filter="*"><span>查询</span></a>
                        </div>
                    </li>
                </ul>
            </form>

        </div>
        <div class="fdetail">
            <ul>
                <li style="font-size: 16px"><i>*</i>只需要输入网站域名,商户或平台名称关键字,就能快速获得哪些卡段能支付此应用场景. 如:</li><br/>
                <li>Amazon,APPLE.COM,PAYPAL,SPACESHIP.COM,eBay,SHOPIFY,BRIGHT,FACEBK,PORKBUN.COM,ExpressVPN</li><br/>
                <li style="color: red;font-size: 16px;font-weight: bold"><i>*</i>注意:查询不到的应用场景,不代表此场景不可使用(目前的查询是针对消费日志的商户进行搜索)</li><br/>
                <li style="color: red;font-size: 16px;font-weight: bold"><i>*</i>注意：禁止将卡用于以下平台，违者封号处理</li><br/>
                <li>{$tran_key_name}</li>
            </ul>
        </div>
    </div>
    <div class="funaduibi fbai">
        <div class="fdbtable qmfdbtable" >
            <table border="0" cellspacing="0" cellpadding="0" width="100%" id="dataTable" >
            </table>
        </div>
    </div>

</div>
<script type="text/javascript">
    layui.use(['form', 'laydate', 'table',], function () {
        var laydate = layui.laydate,
            form = layui.form,
            table = layui.table; //表格

        //执行一个laydate实例
        laydate.render({
            elem: '#stime' //指定元素
        });
        laydate.render({
            elem: '#ltime' //指定元素
        });
        table.render({
            elem: '#dataTable',
            height: 'auto',
            cellMinWidth: '80',
            // totalRow: true,
            method: 'post',
            url: "{:url('shopSearch')}",
            id: 'dataTable',
            text:{none: 'No Data'},
            // error: function(){
            //     setTimeout("window.location.href='" + "{:url('index/index')}" + "'; ", 1000);
            // },
            // toolbar: '#toolbar', //开启头部工具栏，并为其绑定左侧模板
            // defaultToolbar: ['filter', 'exports'],
            cols: [[
                { type: 'numbers'},
                { field: 'card_type', title: '卡段',align:"left",width:200},
                {field: 'shopping', title: '商户名称', align:"left",
                    // templet: function (d) {
                    //     var shop = d.shopping;
                    //     var shop_array = shop.split(',');
                    //
                    //     return shop_array;
                    // }
                },
                { field: 'ctime', align: 'center', title: '最新交易时间'}
            ]],
            page: true,
            limit: 50,
            limits: [50],
        });
        form.on('submit(*)', function (data) {
            layui.table.reload('dataTable', {
                where: {
                    shopping:$("#shopping").val()
                }, page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });
    });
</script>